<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>8-案例-普通导航</title>
		<style type="text/css">
			a{
				/*让a有宽高并且排成一行*/
				width:100px;
				height:45px;
				line-height: 45px;
				/* 转成行类块元素 */
				display:inline-block;
				background:red;
				color:#fff;
				/*去下划线*/
				text-decoration: none;
				text-align: center;
			}
			a:hover{
				background:#FFA500;
			}
		</style>
	</head>
	<body>
		<a href="">百度</a>
		<a href="">新浪</a>
		<a href="">阿里</a>
		<a href="">抖音</a>
		<a href="">华为</a>
	</body>
</html>
